
<div style="overflow-y: auto; border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest); border-radius: calc(var(--control-corner-radius) * 1px);">
  <fluent-listbox id="xxx" style=" border: none; width: 100%;" size="0" blazor:onchange="1" blazor:onkeydown="2" blazor:elementreference="xxx">
    <fluent-option id="xxx" value="1" blazor:onclick="3" blazor:elementreference="xxx">
      Search
      <div slot="start" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="6" blazor:onclick="7">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
          <circle cx="160" cy="160" r="140"></circle>
        </svg>
      </div>
    </fluent-option>
    <fluent-option id="xxx" value="2" selected="" blazor:onclick="4" blazor:elementreference="xxx">
      Show
      <div slot="start" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="8" blazor:onclick="9">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
          <circle cx="160" cy="160" r="140"></circle>
        </svg>
      </div>
    </fluent-option>
    <fluent-option id="xxx" value="3" blazor:onclick="5" blazor:elementreference="xxx">
      Generate
      <div slot="start" style="width: 20px; fill: var(--neutral-foreground-rest); display: inline-block;" blazor:onkeydown="10" blazor:onclick="11">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
          <circle cx="160" cy="160" r="140"></circle>
        </svg>
      </div>
    </fluent-option>
  </fluent-listbox>
</div>